﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8">
</head>
<body>
<div class="slide" name="slide" id="slideslideIface1" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.33333in" height="7.5in" class="slides-canvas" pointer-events="none" viewBox="0 0 960 540">
  <defs>
    <symbol id="page1-pic1" viewBox="0 0 712 385" preserveAspectRatio="none">
      <image width="712" height="385" preserveAspectRatio="none" xlink:href="" />
    </symbol>
    <pattern id="page1-im1" x="-307" y="-254" width="315" height="385" patternUnits="userSpaceOnUse">
      <use width="712" height="385" xlink:href="#page1-pic1" preserveAspectRatio="none" />
    </pattern>
  </defs>
  <g text-rendering="geometricPrecision" pointer-events="painted" transform="scale(1, 1)">
    <rect x="0" y="0" width="960" height="540" fill="#FFFFFF" />
    <path fill="#FFFFFF" fill-opacity="0.4" d="M0 0L960 0 960 540 0 540z" />
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.745262, 29.3514862)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-75.11 47.11L-75.11-455.04 303.12 47.11z" />
    </g>
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.881783, 14.8448944)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-100.07 39.62L-100.07-462.52 278.17 39.62z" />
    </g>
    <g transform="matrix(-0, 1, 1, 0, 251.893219, -251.893219)">
      <path fill="url(#page1-im1)" d="M32.93-252.32L228.49-254.04 347.48-174.88 152.6 130.65 33.79 130.65C33.5 3.01 33.22-124.67 32.93-252.32z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path fill="#4472C4" d="M750.79 668.89L750.79 511.99 963.53 668.89z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M739.16 677.46L739.16 503.42 975.16 677.46z" />
    </g>
    <g transform="matrix(1, 0, 0, 1, 246.55, 36.32504)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040"><tspan x="0" y="27.08718" textLength="132.1" lengthAdjust="spacingAndGlyphs">vue简介</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 139.85, 130.900009)">
      <path fill="#0563C1" d="M246.87 27.24L336.87 27.24 336.87 28.32 246.87 28.32z" /><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="25.97514"><tspan>vue是一套用于构建用户界面的</tspan><a xlink:href="https://www.jianshu.com/p/15b7ec3a7139"><tspan fill="#0563C1">渐进式框架</tspan></a><tspan>。与其它大型框架不同的是，Vue 被设计</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="58.37514"><tspan>为可以自底向上逐层应用。</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 152.773087, 244.6)">
      <path fill="#0563C1" d="M0 18.58L54 18.58 54 19.66 0 19.66z" /><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#0563C1" x="0" y="17.31676"><a xlink:href="https://cn.vuejs.org/"><tspan fill="#0563C1">官网：</tspan></a><a xlink:href="https://cn.vuejs.org/"><tspan fill="#0563C1">https://cn.vuejs.org/</tspan></a></text><path fill="#0563C1" d="M54 18.58L228.87 18.58 228.87 19.66 54 19.66z" /></g>
    <g transform="matrix(1, 0, 0, 1, 139.899979, 316.35)">
      <path fill="#0563C1" d="M154.75 18.58L185.62 18.58 185.62 19.66 154.75 19.66z" />
      <path fill="#0563C1" d="M250.75 18.58L293.62 18.58 293.62 19.66 250.75 19.66z" />
      <path fill="#0563C1" d="M353.37 18.58L423.5 18.58 423.5 19.66 353.37 19.66z" /><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#000000" x="0" y="17.31676"><tspan xml:space="preserve">前段三大框架之一</tspan><tspan xml:space="preserve">  </tspan><a xlink:href="https://cn.vuejs.org/"><tspan fill="#0563C1">vue</tspan></a><tspan xml:space="preserve">(40%)</tspan><tspan xml:space="preserve">   </tspan><a xlink:href="https://react-1251415695.cos-website.ap-chengdu.myqcloud.com/"><tspan fill="#0563C1">react</tspan></a><tspan xml:space="preserve">(50%)</tspan><tspan xml:space="preserve">  </tspan><a xlink:href="https://angularjs.org/"><tspan fill="#0563C1">anglular</tspan></a><tspan>(10%)</tspan></text></g>
  </g>
</svg></div></body>
</html>